<template>
<view class="order-goods bg-white">
    
        <view class="item row">
            <view class="goods-img">
                <custom-image width="180rpx" radius="10rpx" height="180rpx" lazy-load :src="list.goods_img"></custom-image>
            </view>
            <view class="goods-info ml20 flex1">
                <view class="goods-name line2 mb10">
                    
					 {{list.goods_name}}</view>
  
                <view class="row-between">
                    <view class="goods-price row">
                        <view class="primary">
							积分：{{list.score}}
                        </view>
					
                    </view>
                    <view class="goods-num sm ">x1</view>
                </view>
            </view>
        </view>
       
    
</view>
</template>

<script>

export default {
  data() {
    return {};
  },

  components: {
  },
  props: {
    list: {
      type: Object,
      default: () => []
    },
    link: {
      type: Boolean,
      default: false
    },
	team: {
		type: [Object, Array],
		default: () => ({})
	}
  },
onshow(){
		console.log(this.list,444)
},

  methods: {
  

  }
};
</script>
<style lang="scss">

.order-goods {
	.item {
	    padding: 20rpx 24rpx;
		.vip-price {
			margin: 0 10rpx;
			background-color: #FFE9BA;
			line-height: 30rpx;
			border-radius: 6rpx;
			overflow: hidden;
			.price-name {
				background-color: #101010;
				padding: 3rpx 10rpx;
				color: #FFD4B7;
				position: relative;
				overflow: hidden;
				&::after {
					content: '';
					display: block;
					width: 20rpx;
					height: 20rpx;
					position: absolute;
					right: -15rpx;
					background-color: #FFE9BA;
					border-radius: 50%;
					top: 50%;
					transform: translateY(-50%);
					box-sizing: border-box;
				}
			}
		}
	}
	.goods-footer {
	    height: 70rpx;
	    align-items: flex-start;
	    padding: 0 24rpx;
		.plain {
		    border: 1px solid #999;
		    height: 52rpx;
		    line-height: 52rpx;
		    font-size: 26rpx;
			padding: 0px 10px;
		}
	}
}




</style>